"use strict";
const canvas = document.getElementById("canvas1");
const context = canvas.getContext("2d");
context.lineWidth = 10; //线条宽度
const Chat = new Path2D(); //封装一个2D路径
// 聊天框
// context.quadraticCurveTo(cpx, cpy, x, y);
// context.moveTo(200, 300);
// context.quadraticCurveTo(150, 300, 150, 200);
// context.quadraticCurveTo(150, 100, 300, 100);
// context.quadraticCurveTo(450, 100, 450, 200);
// context.quadraticCurveTo(450, 300, 250, 300);
// context.quadraticCurveTo(250, 350, 150, 350);
// context.quadraticCurveTo(200, 300, 200, 300);
// context.stroke();
// 三次贝塞尔
// context.bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y);
context.moveTo(500, 200);
context.bezierCurveTo(800, 100, 800, 800, 400, 800);
context.moveTo(500, 200);
context.bezierCurveTo(100, 100, 200, 800, 400, 800);
context.stroke();
